.backups {
  /* background-color: #C8C4E2;
    padding: .506667rem .613333rem .906667rem 1.28rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%; */
}

.con {
  /* background: linear-gradient(101deg, #FAF8F9 0%, #F6F2F4 100%); */
  /* border-radius: 1.066667rem; */
}

.header {
  width: 100%;
  height: 1.84rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.76rem 0 1.226667rem;
  box-sizing: border-box;
}

.h-logo {
  width: 0.906667rem;
  height: 0.906667rem;
  background: #ffffff;
  border: 0.026667rem solid #979797;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 0.906667rem;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  margin-right: 0.266667rem;
}

.h-school {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
}

.h-left {
  flex: 1;
}

.h-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.h-input {
  width: 5.626667rem;
  height: 0.96rem;
  background: #ffffff;
  border-radius: 0.426667rem;
  text-indent: 0.453333rem;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  border: 0;
  margin-right: 1.386667rem;
  outline: none;
}

.h-center {
  text-align: right;
  margin-right: 1.093333rem;
}

.h {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.506667rem;
}

.h-1 {
  font-size: 0.266667rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #b9b9b9;
  line-height: 0.373333rem;
}

.h-pic {
  width: 0.96rem;
  height: 0.96rem;
  background: #e5e5e5;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  border-radius: 50%;
  line-height: 0.96rem;
  text-align: center;
}

.l {
  /* height: 1.013333rem; */
  /* background: #FFF2E0; */
  /* border: .026667rem solid #F5D3A3; */
  /* display: flex; */
  /* padding: 0 1.76rem 0 1.226667rem; */
  /* box-sizing: border-box; */
  /* align-items: center; */
}

.l-list {
  /* margin-left: .506667rem; */
  /* display: flex; */
  /* align-items: center; */
  /* padding-left: .186667rem; */
  /* padding-right: .24rem; */
  /* height: .693333rem; */
  cursor: pointer;
  text-align: center;
}

.l-list > a {
  color: #c1c1c1;
  font-weight: 800;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-size: 0.37rem;
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 0.2rem;
  border-bottom: 0.106667rem solid #fff;
}

.l-list:nth-of-type(1) {
  margin-left: 0;
}

.l-circle {
  width: 0.533333rem;
  height: 0.533333rem;
  background: #faac3b;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.453333rem;
}

.l-b {
  margin-left: 0.453333rem;
}

.down {
  -webkit-animation: bounce 4s 2s infinite;
  animation: bounce 4s 2s infinite;
  fill: #4a4a4a;
  width: 0.373333rem;
  height: 0.24rem;
  margin-left: 0.293333rem;
}

.l-list.active {
  color: #ae8ef4;
  border-radius: 0.133333rem;
}
.l-list.active a {
  border-bottom: 0.106667rem solid #ae8ef4;
  color: #ae8ef4;
}

.l-list.active .l-circle {
  background-color: #fff;
}

.l-list.active .down {
  fill: #fff !important;
}

/* --------professors------ */

.cs {
  /* padding: 0 1.76rem 0 1.226667rem; */
  /* box-sizing: border-box; */
}

.c {
  /* background: #F9F8FD; */
  /* box-shadow: .08rem .08rem .106667rem .08rem rgba(88, 64, 186, 0.05); */
  /* border-radius: .426667rem; */
  /* padding-bottom: 0.56rem; */
  /* padding-top: 0.533333rem; */
  /* display: flex; */
  /* flex-wrap: wrap; */
  /* padding-right: 3.413333rem; */
  /* box-sizing: border-box; */
}

.c-list {
  /* width: 33%; */
  padding-top: 0.72rem;
  display: flex;
  padding-left: 0.613333rem;
  padding-bottom: 0.32rem;
  /* box-sizing: border-box; */
  background: #f9f8fd;
  box-shadow: 0.05rem 0.05rem 0.11rem 0.05rem rgba(88, 64, 186, 0.05);
  border-radius: 0.69rem;
  margin: 0.5rem;
}

.c-l {
  text-align: center;
  margin-right: 0.7rem;
  min-width: 2.4rem;
}

.c-n {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.506667rem;
}

.c-s {
  font-size: 0.266667rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.346667rem;
}

.c-pic-c {
  width: 1.84rem;
  height: 1.84rem;
  /* margin-top: 0.213333rem; */
  border: 0.106667rem solid #faac3b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-bottom: 0.373333rem; */
}

.c-pic-c img {
  width: 1.626667rem;
  height: 1.626667rem;
  border-radius: 50%;
}

.c-sk {
  font-size: 0.266667rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.453333rem;
}

.c-k {
  font-size: 0.266667rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.533333rem;
}

.c-r {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-direction: column;
}

.c-i {
  font-size: 0.373333rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #474545;
  line-height: 0.533333rem;
}

.c-ns {
  font-size: 0.373333rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.533333rem;
  margin-top: 0.08rem;
}

.c-t {
  /* display: flex; */
  /* flex-shrink: 0; */
  /* flex-wrap: wrap; */
}

.c-t-list:nth-of-type(1),
.c-t-list:nth-of-type(2) {
  /* width: 50%; */
}

.c-t-list:nth-last-of-type(1) {
  /* width: 100%; */
  /* margin-top: 0.186667rem; */
}

.c-t-list {
  display: flex;
}

.c-a,
.student-course-tirtle {
  font-size: 0.373333rem;
}
.student-course-con span {
  display: inline-block;
  width: 1.46rem;
  line-height: 0.45rem;
  background: #cfddff;
  border-radius: 0.23rem;
  margin-right: 0.2rem;
  margin-top: 0.2rem;
  color: #000;
  font-size: 0.32rem;
  text-align: center;
}
.student-course-con span:nth-child(5n + 1) {
  background: #cfddff;
}
.student-course-con span:nth-child(5n + 2) {
  background: #e7fbff;
}
.student-course-con span:nth-child(5n + 3) {
  background: #ffe4cf;
}
.student-course-con span:nth-child(5n + 4) {
  background: #e6dcff;
}
.student-course-con span:nth-child(5n + 4) {
  background: #f2fff0;
}
.c-ns {
  font-size: 0.32rem;
}

.c-circle {
  width: 0.373333rem;
  height: 0.373333rem;
  background: #fff2e0;
  display: inline-block;
  border-radius: 50%;
  margin-right: 0.133333rem;
}

.c-np {
  /* width: 33%; */
  /* padding-left: 0.72rem; */
  /* box-sizing: border-box; */
}

.c-np div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 5.146667rem;
  background: #f9f8fd;
  border-radius: 0.666667rem;
  text-align: center;
  margin: 0.5rem;
}

.c-np img {
  width: 1.28rem;
  height: 1.28rem;
  margin-bottom: 0.266667rem;
  background: #e2e8fe;
}

.c-np p {
  font-size: 0.533333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.746667rem;
}

/* --------professors------ */

/* --------course--------- */

.p-c-list {
  margin-top: 0.453333rem;
  position: relative;
  padding: 0 0.373333rem;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
}

.p-c-list:last-of-type {
  margin-bottom: 0.5rem;
}

.p-c-list > div:nth-of-type(1) {
  /* width: 7.28rem; */
  height: auto;
  overflow-y: auto;
  cursor: pointer;
  background: #f9f8fd;
  border-radius: 0.666667rem;
  padding: 0.32rem 0.293333rem 0.293333rem 0.506667rem;
  box-sizing: border-box;
}

.p-c-list > .pc-lc {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0.346667rem;
  width: 100%;
  min-height: 5.333333rem;
  background: #ffffff;
  box-shadow: 0.106667rem 0.106667rem 0.266667rem 0.373333rem
    rgba(88, 64, 186, 0.05);
  border-radius: 0.32rem;
  padding: 0;
  cursor: pointer;

  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  animation: hides 0.3s 1 0s;
}

@-webkit-keyframes hides {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.p-c-list:hover > .pc-lc {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  animation: shows 0.3s 1 0s;
}

@-webkit-keyframes shows {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.pc-lc img {
  width: 100%;
  height: auto;

  display: block;
  margin-bottom: 0.506667rem;
  border-radius: 0.32rem;
}

.pc-lcs {
  padding-left: 0.56rem;
  padding-right: 0.693333rem;
  padding-bottom: 1.386667rem;
}

.pc-tips {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.48rem;
}

.pc-lcs .pc-con {
  margin-bottom: 0.48rem;
}

.off-line,
.on-line,
.activity {
  width: 1.813333rem;
  height: 0.373333rem;
  background: #fff2e0;
  display: inline-block;
  font-size: 0.4rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #faac3b;
  line-height: 0.373333rem;
  text-align: center;
  border-radius: 0.426667rem;
}

.on-line {
  background-color: #fee2f2;
  color: #f96ab0;
}

.activity {
  background-color: #e2e8fe;
  color: #6a7df9;
}

.pc-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pc-time {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  display: flex;
  align-items: center;
}

.pc-img {
  width: 0.266667rem;
  height: 0.266667rem;
  margin-right: 0.08rem;
}

.pc-title {
  margin-top: 0.373333rem;
  font-size: 0.24rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.48rem;
  margin-bottom: 0.16rem;
}

.pc-con {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.48rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.new-course {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  border-radius: 1.066667rem;
  text-align: center;
  height: 5.146667rem;
}

.new-course img {
  width: 1.466667rem;
  height: 1.466667rem;
}

.new-course p {
  font-size: 0.426667rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.746667rem;
  margin-top: 0.213333rem;
}

/* --------course--------- */
